<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美白-有贝口腔网</title>
    <meta name="keywords" content="美白,口腔美白,牙齿美白">
    <meta name="description" content="有贝口腔网是专注口腔资讯服务网站，为用户提供专业的口腔资讯，口腔知识，口腔问题等综合服务型网站">
    <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/commone.css">
    <link rel="stylesheet" href="/css/commtwo.css">
    <link rel="stylesheet" href="/css/commthree.css">
    <link rel="shortcut icon" href="http://www.hasbei.com/static/images/icon.png" type="image/x-icon">

    <link rel="stylesheet" media="screen and (min-width:481px)" href="/css/consult.css">
    <link rel="stylesheet" media="screen and (max-width:480px)" href="/css/consult(1).css">

    <script src="/js/hm.js"></script><script type="text/javascript">
    var basePath ="/";
</script>
    <script src="/js/common.js"></script>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/footfixed.js"></script>

    <script src="/js/right-lub.js"></script>
    <script src="/js/consult.js"></script>

</head>
<body>
    <div class="content">
        <div th:replace="./common/hasbei_top"></div>
        <div th:replace="./common/hasbei_top_user"></div>
        <div class="content-main">
            <!--牙齿分类-->
            <div class="main-tab">
                <div class="max-width">
                    <ul class="main-tab-ul">
                        <!-- <li class=""><a href="/" target="_self">首页</a></li> -->
                        <li class=""><a href="/consult/main" target="_self">今日推荐</a></li>
                        <li th:each="var,i : ${typeList}" th:if="${i.index} < 10"  th:class="${toothType}==${var.tid}?'main-tab-active':''">
                            <a th:href="@{'/consult/type/?type='+${var.tid}}" target="_self" th:text="${var.name}">美白</a>
                        </li>

                        <li class="tab-more-list">
                            <a href="javascript:;" target="_self">
                                <span>更多</span>
                                <img class="arrow-bottom" src="/icon/arrow-bttom.png" alt="有贝口腔网">
                            </a>
                            <div>
                                <ul>
                                    <li th:each="var,i : ${typeList}" th:if="${i.index} >= 10">
                                        <a th:href="@{'/consult/type/?type='+${var.tid}}" target="_self" th:text="${var.name}">龅牙</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                    </ul>

                   </div>
            </div>


            <div class="bread-crumb">
                <div>
                    <!-- <a href="#">导航：</a>
                    <span>/</span> -->
                    <a href="/">首页</a>
                    <span>/</span>
                    <a th:href="@{'/consult/type?type='+${toothType}}" th:text="${consultArr[0].tname}">美白</a>
                </div>
            </div>
            <div class="zixun-info">
                <div class="main-content">

                    <div class="main-content-list">
                        <ul class="tab">
                            <li th:class="${consultList == null}?'ckecked':''" >
                                <a th:href="@{'/consult/type?type='+${toothType}}">全部</a>
                            </li>
                            <li th:class="${consultList == '10'}?'ckecked':''"><a th:href="@{'/consult/type?list=10&type='+${toothType}}">热门</a></li>
                            <li th:class="${consultList == '11'}?'ckecked':''"><a th:href="@{'/consult/type?list=11&type='+${toothType}}">最新</a></li>
                        </ul>
                    </div>

                    <div class="main-info-list main-info-t10">

                        <div class="list-item" th:each="var : ${consultArr}">
                            <div class="list-item-left">
                                <a target="_blank" th:href="@{'/consult/solo/'+${var.aid}}">
                                    <img th:src="@{${var.imgpath}}" alt="有贝口腔网居家美白牙齿的小妙招">
                                </a>
                            </div>
                            <div class="list-item-right">
                                <div class="list-item-title"><a target="_blank" th:href="@{'/consult/solo/'+${var.aid}}" th:text="${var.a_title}">居家美白牙齿的小妙招</a></div>
                                <div class="list-item-content-text">
                                    <a th:href="@{'/consult/solo/'+${var.aid}}" th:utext="${var.a_content}">一口洁白亮丽的牙齿能给面部形象和整体气质加很多分，那么应该如何去美白牙齿呢？除了去医院，在家也能美白牙齿吗？下面就一起来看看居家美白牙齿的小妙招！</a>
                                </div>
                                <div class="list-item-info">
                                    <a th:href="@{'/consult/solo/'+${var.aid}}"><span class="tui-jian" th:text="${var.tname}">美白</span></a>
                                    <!-- <span class="come-on" th:text="${vo.sourceName}"></span> -->
                                    <div class="ping-lun"><a target="_blank" th:href="@{'/consult/solo/'+${var.aid}}">
                                        <img src="/icon/pinglun.png"><span th:text="${var.count}">0</span>评论</a>
                                    </div>
                                    <div class="shou-cang">
                                        <a target="_blank" th:href="@{'/consult/solo/'+${var.aid}}">
                                            <img src="/icon/shoucang.png"><span th:text="${var.collect_count}">0</span>收藏</a>
                                    </div>
                                    <div class="yue-du">
                                        <a target="_blank" th:href="@{'/consult/solo/'+${var.aid}}">
                                            <img src="/icon/yuedu.png"><span th:text="${var.read_count}">4</span>阅读</a>
                                    </div>
                                    <span class="dotted">·</span>
                                    <span class="time-before" th:text="${#dates.format(var.created_time, 'yyyy-MM-dd HH:mm:ss')}">1天前</span>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="fen-ye">
                        <div class="fenye-list"><span class="selected">1</span></div>
                        <div class="fenye-list"><a href="/zx/5/p2">2</a></div>
                        <div class="fenye-list"><a href="/zx/5/p3">3</a></div>
                        <div class="fenye-list"><a href="/zx/5/p4">4</a></div>
                        <div class="fenye-list">
                            <a href="/zx/5/p2">下一页&gt;</a>
                        </div>
                    </div>
                </div>

                <div class="aside-left margin-t0">

                    <div class="wonderful-top">
                        <div class="wonderful-top-title">相关推荐</div>
                        <div class="allsee-item">
                            <ul>
                                <li th:each="var : ${tjList}">
                                    <a th:href="@{'/consult/solo/'+${var.aid}}" target="_blank">
                                        <span class="other-bg">1</span><div th:text="${var.a_title}">吸烟者的专属美白方法</div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="wonderful-top">
                        <div class="wonderful-top-title">其他看点</div>
                        <a th:href="@{'/consult/solo/'+${var.aid}}" target="_blank" th:each="var : ${qtList}">

                            <div class="wonderful-item-line">
                                <div class="allsee-item-left"><img th:src="@{${var.imgpath}}" alt="有贝口腔网喝咖啡能够预防蛀牙"></div>
                                <div class="allsee-item-right" th:text="${var.a_title}">喝咖啡能够预防蛀牙</div>
                            </div>

                        </a>
                    </div>

                </div>
            </div>
        </div>

    </div>

</body>
</html>